<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<style type="text/css">
.leftpage{
	background-color: #eff;
}
.lefthead{
	height: 100px;
}
.leftnavdiv{
	height: 400px;
}
.leftnav:hover{
	background-color: #ddd;
}
.leftnav{
	position: relative;
	width:90px;
	height: 100px;
}
.lefticon,.leftnav_txt{
	position: relative;
	top: 40px;
	color:#555;
	font-size: 18px;
	font-weight: bold;
	left:10px;
}
.leftshare-box{
	height: 245px;
}
.lefticon{
	position: relative;
	left:20px;
}
#leftimg-wx2{
	position: relative;
	left:30px;
	top:-50px;
}
</style>

<script type="text/javascript">
//<!--
	
	function show2(){
		var id=document.getElementById("leftimg-wx2");
		id.style.display="block";
	}
	function hide2(){
		var id=document.getElementById("leftimg-wx2");
		id.style.display="none";
	}
//-->
</script>
	<div class="leftpage" style="width:90px; top:0%;">
    	<div class="lefthead">
    		<a href="#" title="选课推荐系统" class="leftlogo">logo</a>
    	</div>
        <div class="leftnavdiv" id="lfetnavdiv">
        	<div class="leftnav">
        	<a href="/PythonAndJSP/web/content/content.jsp" class="leftnav" title="home">
            	<span class="lefticon"></span>
                <span class="leftnav_txt">home</span>
            </a></div>
            <div class="leftnav">
            <a href="/PythonAndJSP/web/content/contentPc.jsp" class="leftnav" title="home">
            	<span class="lefticon"></span>
                <span class="leftnav_txt">PC</span>
            </a></div>
            <div class="leftnav">
            <a href="#" class="leftnav" title="home">
            	<span class="lefticon"></span>
                <span class="leftnav_txt">Android</span>
            </a></div>
            <div class="leftnav">
            <a href="#" class="leftnav" title="home">
            	<span class="lefticon"></span>
                <span class="leftnav_txt">IOS</span>
            </a>
            </div>
        </div>
        <div class="leftshare-box" id="leftshare-box">
        	<a href="#" title="扫一扫加官方微信"  class="lefticon" id="leftwxico" onmouseover="show2(this)" onmouseout="hide2(this)">wx
            	<img src="#" alt="扫一扫加官方微信" width="100" height="100" class="leftimg-wx" id="leftimg-wx2" style="display:none;"/>
            </a><br><br><br>
            <a href="#" title="官方微博" id="leftwbico" class="lefticon" target="_blank">wb</a><br><br><br>
            <a href="#" title="关注百度" id="leftbdico" class="lefticon" target="_blank">bd</a>
        </div>
    </div>